草庐IT

Bootstrap5 颜色

全部标签

javascript - javascript中的脉动颜色

我想要一些文本在红色和黑色之间跳动。我想我会用jQueryUI'sanimatefunction这样做。看起来很简单......像这样:functionpulseRed(){$('.pulsing').animate({color:"red"},1000,pulseBlack);}functionpulseBlack(){$('.pulsing').animate({color:"black"},1000,pulseRed);});我担心的是它的效率。如果我在不同的地方有很多文本需要脉动,我是否应该以某种方式改变.pulsing的CSS样式表规则?在这样的函数之间进行无限循环是否安全,

销毁 Bootstrap 弹出窗口时出现 Javascript 错误

试图在旅途中更改BootstrapPopover的标题和内容,我遇到了一些麻烦。我在销毁选择器中的弹出内容时遇到了这个问题。错误是这样的TypeError:'undefined'isnotafunction(evaluating'data[option]()')这段代码是这样的:$("#test_name-"+json.test_id).popover('destroy');我在该行中得到了错误。我检查过$("#test_name-"+json.test_id)确实包含一个Popover。已编辑:感谢评论,我解决了它。我没有使用最新版本的Bootstrap。升级到2.1.0后,一切似乎

javascript - jQuery Bootstrap ScrollSpy 不起作用

我正在尝试使用ScrollSpyBootstrap插件,但它无法正常工作。请参阅下面的代码,它始终突出显示最后一项。http://jsfiddle.net/bRYMC/Page1Page2Page3Page4Page5Page1Page2Page3Page4Page5你能帮帮我吗? 最佳答案 在body标签上设置data-spy="scroll",它应该可以工作。请检查更新的jsFiddle. 关于javascript-jQueryBootstrapScrollSpy不起作用,我们在St

javascript - Bootstrap 下拉事件不适用于 bootstrap-ui

根据http://getbootstrap.com/javascript/#dropdowns打开/关闭下拉列表时会抛出事件(例如,show.bs.dropdown、hide.bs.dropdown)。这一直有效,直到模块bootstrap-ui处于事件状态。我创建了一个plunkr来显示问题http://plnkr.co/edit/luYpweQZx22IkWHeMKhM.移除对ui.boostrap的依赖时会抛出事件,即varapp=angular.module('myapp',['ui.bootstrap']);替换为varapp=angular.module('myapp',[

javascript - 随喜好的随机颜色

想法:我正在尝试模拟商店系统。通过点击项目,用户表明他对类似的东西感兴趣,并且在他下次访问该网站时会更喜欢它。我想实现类似的东西,只是没有东西可买,但有颜色。你得到随机颜色。如果您“喜欢”红色,您会得到随机的但比平时更红的颜色。到目前为止在理论上。实际上,我为r、g和b制作了初始值1.0的cookie。每次单击其中一种颜色时,该值上升+0.1,而其他颜色下降-0.1。但是如何将数字考虑在内呢?到目前为止,这是我的Javascript:varr=getCookie("r");varg=getCookie("g");varb=getCookie("b");if(r=""){setCooki

javascript - 对话框的 Url 不适用于 angular.bootstrap(无限 $digest 循环)

我有一个平均堆栈网站。我想用ExecuteFunction在对话框中绑定(bind)一个按钮来启动这个网站:functiondoSomethingAndShowDialog(event){clickEvent=event;Office.context.ui.displayDialogAsync("https://localhost:3000/try",{},function(){})}单击该按钮会打开一个带有以下url的对话框,它会显示页面的内容:https://localhost:3000/try?_host_Info=excel|web|16.00|en-us|7fe9b4e9-d

javascript - ExtJs/YUI 图表中图表的颜色可以动态改变吗?

我在我的应用程序中使用ExtJs/YUI图表。我想知道的是,是否可以根据数据动态更改任何图表上的颜色?即我有一个商店,其中包含一个字段,其中包含该特定行的十六进制颜色。是否可以使用十六进制值动态设置条形图中条形的颜色? 最佳答案 看看这个blogpost.配置图表对象时,传递一个带有样式属性的系列对象,如该帖子中所述,以定义颜色及其顺序。然后您只需要通过遍历您的商店记录并构建一个新数组,或者使用store.query从您的商店中提取它来获取您的颜色。然后将此数组作为属性传递。(...),series:[style:{colors:a

javascript - Twitter Bootstrap 粘性子导航在它应该在较短的页面上之前变得固定

我实现了一个自动float的子导航栏,直接取自BootstrapdocsCSSandJS,在我正在处理的网站中。它只出现在一个View中,但这是一个RailsView,因此它是根据加载的对象动态生成的。我发现,当出现在子导航栏下方的内容足够长时,子导航栏的行为会按预期工作-subnav-fixed类会在子导航栏滚动时立即添加看不见。但是,如果页面比这短,子导航栏将在它实际超出View之前固定,这会产生非常刺耳的跳转,更不用说您可以看到该栏曾经所在的空间,您应该看不到。我应该补充一点,我使用的是固定的(主)导航栏,并考虑了适当的主体填充。问题似乎出在返回的$('.subnav').off

javascript - Knockout.js 在使用 'options' 绑定(bind)时更改 <option> 的颜色?

在选择列表上使用“选项”绑定(bind)时,是否可以更改选择列表选项元素的样式(使用“样式”或“css”绑定(bind))?或者这只能通过在选择列表上使用“foreach”并更改每个样式来完成吗?我在代码中有这个:但是如果我附加style:{color:isDefault()===true?'black':'red'}如果isDefault返回false,则整个列表为红色。以这种方式编码是实现此目标的唯一方法:或者是否存在我不知道的某种形式的Knockout.js魔法?谢谢! 最佳答案 为了扩展ThomasWiersema的回答,您

javascript - Bootstrap Material 设计无法在动态 Angular View 中正常工作

我将material-bootstrap脚本包含在我的Angular项目的index.html中,但它们需要手动重新包含在View中才能工作。这很奇怪,因为对于插入到Angular中的所有其他脚本来说,这不会发生。index.html我还注意到material-bootstrap不能很好地与Grunt和Bower配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。这些是Material-boostrap和Angular/Bower/Grunt的已知错误还是我做错了什么?如果您还需要什么,请告诉我!编辑:bower.json中的依赖"dependencies":{"angul